<script setup lang="ts">
import EmptyImg from '@/assets/imgs/order_page/empty.png'

interface IProps {
  data: string
}
const props = defineProps<IProps>()
</script>

<template>
  <div class="empty-page">
    <img :src="EmptyImg" />
    <div class="empty-page__text">{{ props.data }}</div>
    那些猝不及防的瞬间，也是生活的小插曲
  </div>
</template>

<style lang="scss" scoped>
.empty-page {
  margin-top: 220px;
  height: 100%;
  align-items: center;
  text-align: center;
  color: #c2c6c9;

  img {
    width: 200px;
  }

  .empty-page__text {
    margin: 10px 0;
    font-size: 16px;
    color: rgb(50, 50, 51);
  }
}
</style>
